* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body,
html {
    height: 100%;
}
#app {
    height: 100%;
    overflow: hidden;
}
.layout {
    height: 100%;
}
.f-r {
    display: flex;
    flex-direction: row;
}
.f-c {
    display: flex;
    flex-direction: column;
}
.f-s {
 flex-shrink: 0;
}
.f-g {
    flex-grow: 1;
}
.a-c {
    align-items: center;
}
.j-c {
    justify-content: center;
}
.j-b {
    justify-content: space-between;
}
.f-e {
    justify-content: flex-end;
}
.f-w {
    flex-wrap: wrap;
}
:root {
    --el-color-primary: #0067D1;
}
.el-table {
    --el-table-header-bg-color: #F1F2F3;
    --el-table-header-text-color: #171A1D;
    --el-table-text-color: #171A1D;
}
.add-box {
    margin-bottom: 14px;
    text-align: right;
}
.form-content {
    height: 100%;
}
.form-box {
    padding: 48px 40px 20px;
    .el-form {
        margin: 0 auto;
    }
    border-bottom: 1px solid var(--el-card-border-color);
    margin-bottom: 40px;
}
.form-button {
    text-align: center;
    padding-bottom: 20px;
}
.form-box .el-cascader,
.form-box .el-form-item,
.form-box .el-input-number,
.form-box .el-date-editor,
.form-box .el-select {
    width: 100%;
}
.form-box .el-col-24 .el-form-item {
    width: 100%;
}
.form-box .el-form-item {
    width: 330px;
}
.el-button+.upload-button {
    margin:0 12px;
}
.pagemain-card .el-card__body {
    display: flex;
    flex-direction: column;
}
.pagemain-card .el-card__body .table-box {
    flex-grow: 1;
}
.el-pagination {
   display: flex;
    justify-content: flex-end;
    padding: 20px 0;
}


.el-collapse-item__header {
    background-color: #5e7a88;
    padding: 0 20px;
}